WebSocket

HTTP 協議中，只能由 Client 端發出請求 如果要由 Server 端主動發出請求讓 Client 端接收 基本上有以下幾種方法：

• WebSocket
• Polling
• Long Polling
• SSE（Server-Sent Events）
• Comet

WebSocket 是什麼？

• 一種建立於 TCP 協議之上的網路傳輸協定
• 解決 HTTP 協議僅能由 Client 單向請求的問題，可提供雙向的資料傳輸
• Client 與 Server 完成一次交握，就可以建立永續性的連接
• 在握手階段（handshake)採用 HTTP 協議，與 HTTP 協議有良好的兼容性
• 協議標示符是ws（如果加密，则为wss）

ws://[example.com](http://example.com/):80/some/path

WebSocket 的特點

優點

• 資料交換效率高
• 節省資源
• 即時性佳

缺點

• 部分瀏覽器有支援度問題
• 伺服器維護成本較高

Polling 輪詢

一種CPU決策如何提供週邊裝置服務的方式，又稱「程式控制輸入輸出」（Programmed I/O）。

藉由不斷呼叫 function 來達成資料即時交換，分成 Polling 與 Long Polling 兩種

Polling 相隔固定的時間呼叫一次

Long Polling 在 function 返回後再次呼叫該 function 目前 Facebook、Plurk 實現動態更新的方法

Polling的特點：

• 優點：實作簡單、支援度高
• 缺點：很耗資源、無法即時響應

SSE（Server-Sent Events）

是 HTML5 標準的 API，在 Client 連接至 Server 後，透過 Http 協定主動將資料推送至 Client，並且不會斷開連接

優點：

• 可自訂資料格式
• 可設定重新連線時間
• 可自訂事件名稱

SSE 的特點：

• 優點：節省資源、支援度高
• 缺點：無法即時響應

npm

• ws
• Socket.IO

參考資料

• JavaScript - Polling、WebSocket 與 SSE 介紹
• 獲得實時更新的方法（Polling, Comet, Long Polling, WebSocket）
• JavaScript | WebSocket 讓前後端沒有距離
• HTML5 WebSocket